@charset "utf-8";

/* 超小设备（手机，小于 768px） */

/*共享样式*/

body {

    margin:0 auto;

    font-size:12px;

    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;

    line-height:22px;

    color: #464646;

    overflow-x: hidden;

}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,img,div,ol,li,em,i { padding:0; margin:0;}

ul, ol, li, dl, dt, dd {

    margin: 0;

    padding: 0;

    list-style: none;

}

img { border:0px; max-width: 100%}

a {

    color:#464646;

    text-decoration:none;

    transition:color 0.5s;

    -moz-transition:color 0.5s;

    -webkit-transition:color 0.5s;

    -o-transition:color 0.5s;

}

a:hover {

    color:#ff7e00;

    text-decoration:none; 

}

.left {

    float: left;

}

.right {

    float: right;

}

/*清除浮动样式*/

.clearf{

    overflow:auto;

}

.clearfloat:after{

    display:block;

    clear:both;

    content:"";

    visibility:hidden;

    height:0

}

.clearfloat{

    zoom:1;

}

.blockCenter{

    margin:0 auto;

}

.text-center{

    text-align: center;

}

.mtb10{

    margin-bottom: 10px;

}

.marginTB15{

    margin-top: 15px;

    margin-bottom: 15px;

}

.marginT15{

    margin-top: 15px;

}

.marginB15{

    margin-bottom: 15px;

}

.paddingTB15{

    padding-top: 15px;

    padding-bottom: 15px;

}

.padding3{

    padding: 3px;

}

.paddingLR20{

    padding-left:  20px;

    padding-right: 20px;

}

.pd0{

    padding-left: 0;

    padding-right: 0;

}

/*单行溢出*/

.overElli{

    width: 100%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

/*  多行溢出 */

.overMoreElli{

    display: block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



.fontUpper{

    text-transform: uppercase;

}

.fontCapit{

    text-transform: capitalize;

}

.fontLower{

    text-transform: lowercase;

}

.fontRed{

    color: #e00;

}

.fontWhite{

    color: #ffffff;

}

.fontBlack{

    color: #352c25;

}

.fontMuted{

    color: #afafaf;

    font-size: 14px;

    line-height: 30px;

}

.fontYll{

    color: #ff9000;

}

.label-black{

    background-color: #0D0A0A;

    color: #fff;

}

.mt1400{

    width: 96%;

    margin: 0 auto;

}

/* 共享样式结束 */

/*遮罩效果*/

.zzpro{

    position: relative;

    width: 100%;

    margin: 10px auto;

    overflow: hidden;

}

.zzpro>img{

    width: 100%;

    transform: scale(1);

    transition: transform .3s linear;

}

.zzpro:hover>img{

    transform: scale(1.2);

    transition: transform .3s linear;

}

/* head */

.headTop{

    line-height: 42px;

    background-color: #2b2b2b;

    color: #757575;

}

.headTop a{

    color: #757575;

}

.headTop a:hover{

    color: #fff;

}

.headTop a.topss{

    margin-right: 30px;

}

/* head end*/

/* nav 导航修改开始*/

/* 移动端 nav */

.mysmallnav{

    position: relative;

}

.navbar{

    margin-bottom: 0;

}

.mysmallnav .mylogo{

    position: relative;

    width: 80%;

    top: 6px;

}

.mysmallnav .mylogo img{

    position: absolute;

    width: 90%;

    top: 0;

    left: 10px;

    z-index: 999;

}

.mysmallNavT .navbarTop {

    margin: 20px 0 10px;

    width: 160px;

}

.mysmallNavT .navbarTop img , .mynavTRight .mynavTop .navbarTop img{

    margin-right: 5px;

}

.mysmallNavT .navbarTop p, .mynavTRight .mynavTop .navbarTop p{

    color: #888888;

    font-size: 13px;

}

.mysmallNavT .navbarTop h4, .mynavTRight .mynavTop .navbarTop h4{

    font-family: "MStiffHei PRC","MStiffHei PRC UltraBold";

    font-size: 16px;

    line-height: 26px;

    color: #222222;

}

.mysmallnav .container-fluid>.navbar-collapse,

.mysmallnav .container-fluid>.navbar-header,

.mysmallnav .container>.navbar-collapse,

.mysmallnav .container>.navbar-header {

     margin-right: 0;

     margin-left: 0;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{

    position: absolute;

    width: 100%;

    background-color: #fff;

    left: 0;

}

/* nav 导航栏修改结束 */



/* banner  */

#banner{

    width: 100%;

    overflow: hidden;

}

#banner img{

    display: block;

    width: 100%;

}

/* banner 结束 */



/* footer start */

.footers{

    margin-top: 15px;

    background-color: #232323;

    padding-top: 35px;

    padding-bottom: 35px;

    margin-bottom: 60px;

}

.footers .border-top {

    border-top: 1px solid #666;

}

.footer-cont {

    padding-bottom: 25px;

}

 .footer-cont dl{

    float: left;

    padding-right: 15px;

    box-sizing: border-box;

 }

 .footer-cont dl:last-child{

    padding-right: 0;

    float: right;

 }

 .footer-cont dl dt{

    padding-bottom: 20px;

    font-size: 18px;

	line-height: 24px;

	color: #ffffff;

 }

 .footer-cont dl dd .copy-company{

    font-size: 18px;

	line-height: 33px;

	color: #919090;

 }

 .footer-cont dl ul li a{

    font-size: 14px;

	line-height: 33px;

	color: #919090;

 }

 .footer-cont dl ul li a.fontYll{

    color: #f18700;

 }

/* footer end */



/* footer Bot */

 .friends{

     margin-top: 10px;

     padding-top: 25px;

     font-size: 13px;

     line-height: 24px;

	color: #919090;

 }

 .friends a{

    font-size: 13px;

	line-height: 24px;

	color: #919090;

 } 

 .friends a::after{

     display: inline-block;

     content: "|";

     color: #919090;

     width: 20px;

     height: 24px;

     line-height: 24px;

     text-align: center;

 }

 .friends a:last-child::after{

     display: none;

 }

 .web-fb , .web-fb  span {

    font-size: 13px;

	line-height: 24px;

    color: #919090;

    margin-right: 10px;

 }

/* footer Bot end*/

/*底部固定导航 */

.body_footer{padding-top: 5px;width:100%;height:60px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff9000), to(#ff9000));background:-moz-linear-gradient(top, #d77200, #d77200);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#43a037,endColorstr=#43a037);bottom:0; z-index:6;}

.body_footer ul{width:100%;height:55px;line-height:55px;}

.body_footer ul li{width:25%;float:left;color:#fff;}

.body_footer ul li a{width:100%;height:55px;display:block;border-right: #ffb658 solid 1px;}

.body_footer ul li dl{width:auto;margin:0 auto;text-align:center;}

.body_footer ul li dt{

    width:auto;

    height:30px;

    overflow:hidden;

}

.body_footer ul li dt img{

    width:25px;

    height:25px;

}

.body_footer ul li dd{

    width:auto;

    height:30px;

    font-size:12px;

    color:#fff;

    line-height:25px;

    overflow:hidden;

}

/*底部固定导航end */

/* Bootstrap 中默认情况下没有媒体查询 */

/* 小型设备（手机，480px 起） */

@media (min-width: 560px) {

    /*nav*/

    .mysmallNavT{

        margin-top: 10px;

        margin-bottom: 20px;

    }

    .mysmallNavT .navbarTop{

        width: 168px;

    }

    .mysmallNavT .navbarTop img{

        margin-right: 10px;

    }

    /*footer*/

    



}

/* 小型设备（平板电脑，768px 起） */

@media (min-width: 768px) {

     .mysmallnav{

         padding-bottom: 30px;

         height: 125px;

     }

    .navbar{

        min-height: 125px;

    }

    

    .mysmallnav .mylogo {

        width: 56%;

    }

     .navbar-nav {

        float: left;

        margin: 0;

        display: flex;

        flex-flow: wrap-reverse;

        width: 100%;

        flex-direction: row;

    }

    

}



/* 中型设备（台式电脑，992px 起） */

@media (min-width: 992px) {

    /* pc 顶部设置 */

    .navbar-brand{

        width: 445px;

        margin-top: 10px;

    }

    .navbar-brand img{

        max-width: 100%;

    }

    .pc-top-right {

        margin-top: 30px;

        width: 385px;

        text-align: right;

    }

    .pc-top-right  .pc-top-tel{

        margin-right: 30px;

        font-size: 24px;

        line-height: 18px;

        

    }

    .pc-top-tel .label-tel{

        display: inline-block;

        width: 135px;

        font-size: 15px;

        text-align: justify;

        text-justify:distribute-all-lines;

        text-align-last: justify;

    }

    .pt-nav{

        border-top: 2px solid #191C61;

    }

    .pt-nav ul>li{

        position: relative;

        float: left;

        width: 12.5%;

        height: 60px;

        background: url("../images/line-i.png") no-repeat top left;

        background-size: cover;

        text-align: center;

        line-height: 60px;

        box-sizing: border-box;

    }

    .pt-nav ul>li:last-child{

        background: none;

    }

    .pt-nav ul>li>a{

        color: #222;

        font-size: 16px;

    }

    .pt-nav ul>li:hover, .pt-nav ul>li.active{

        background: #f08700;

    }

    .pt-nav ul>li:hover>a, .pt-nav ul>li.active>a{

        color: #fff;

    }

    .pt-nav ul>li:hover .child-nav{

        display: block;

    }

    /* PC端 nav */

    .mt1400{

        width: 96%;

        margin: 0 auto;

    }

    .child-nav{

        position: absolute;

        top: 60px;

        left: 0;

        display: none;

        z-index: 999;

        padding-top: 10px;

        padding-bottom: 10px;

        width: 100%;

        max-height: 500px;

        overflow-y: auto;

        background: rgba(255, 255, 255, 0.76);

    }

    .child-nav p>a{

        font-size: 16px;

        line-height: 40px;

        color: #333;

        display: inline-block;

        padding: 5px 10px;

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .child-nav p:hover{

        background: #ff7e00;

    }

    .child-nav p:hover>a{

        color: #fff;

    }

    /* 改nav  */

    /*footer */

    .footers{

        margin-bottom: 0;

    }

    .footer-cont dl{

        padding-right: 100px;

    }



    /*footer end*/

    /* footer Bot */

     

    /* footer Bot end*/

     

}



/* 大型设备（大台式电脑，1200px 起） */

@media (min-width: 1200px) {

    /* 导航 */

    .navbar-brand{

        width: 536px;

    }

    

    .mt1400,.mynav{

        width: 96%;

        margin: 0 auto;

    }

    /*footer */

    .footer-cont dl{

        width: 13%;

        padding-right: 20px;

    }

    .footer-cont dl:nth-child(1),.footer-cont dl:nth-child(5){

        width: 22%;

    }

    .footer-cont dl:nth-child(3){

        width: 16%;

    }

    /*footer end*/

}

@media (min-width: 1403px) {

    .mt1400,.mynav{

        width: 1403px;

    }

    /*nav 导航*/

    .mynavBotNav ul li a {

        font-size: 15px;

    }

    /*footer */

     

    /*footer end*/

}